<meta charset="UTF-8">
<style>
    dl{
        float: left;
        text-align: center;
        margin: 20px;
    }
</style>

<input type="text" placeholder="输入搜索内容GET" class="input1">
<input type="text" placeholder="输入搜索内容POST" class="input2">
<ul></ul>

<br>
<hr>
<br>

<button class="button1">获取最新电影GET</button>
<button class="button2">获取最新电影POST</button>
<ol></ol>


<script src="./ajax get封装.js"></script>
<script src="./ajax post.js"></script>

<script>

// get封装调用
document.querySelector('.input1').oninput=function(){
    clearTimeout(t)
    t=setTimeout(()=>{
    get('http://www.baidu.com/sugrec', `prod=pc&wd=${this.value}`,baiDu)
    // console.log(this.value)
    },400)
}

document.querySelector('.button1').onclick=function(){
    get('https://m.maizuo.com/gateway', 'cityId=320100&pageNum=1&pageSize=10&type=1&k=8920637', newFilms, setHeaderFn)
}

// // post封装调用
// document.querySelector('.input2').oninput=function(){
//     clearTimeout(t)
//     t=setTimeout(()=>{
//     post('http://www.baidu.com/sugrec', `prod=pc&wd=${this.value}`,baiDu)
//     // console.log(this.value)
//     },400)
// }

// document.querySelector('.button2').onclick=function(){
//     post('https://m.maizuo.com/gateway', 'cityId=320100&pageNum=1&pageSize=10&type=1&k=8920637', newFilms, setHeaderFn)
// }

</script>


